<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .text::after{
            content: "\A";
            white-space: pre;
            
        }
    </style>
</head>
<body>
    <span>
        通过 CSS 来插入换行的需求通常与定义列表（参见图 5-3）有关，但有时
        <span class="text">也涉及其他场景。在通常情况下，采用定义列表是因为我们立志在互联网上以</span>
        身作则，坚持使用合适的标签、合理的语义——哪怕在视觉上所要呈现的只是
        一行行的名值对，我们也会认真对待。举例来说，考虑下面这段结构代码
    </span>
</body>
</html>